/* ---  */




/* -- */


@font-face {
 font-family: "Bankinter";
 src: url("./fonts/bankinter.eot");
}
 @font-face {
 font-family: "Bankinter";
 src: url("./fonts/bankinter.ttf");
}
body {
	font-family: Verdana;
	font-size: 10px;
}
#meta_menu {
	width: 100%;
	height: 5em;
}
#meta_content {
	position: relative;
	top: 0px;
	left: 0px;
}
#meta_graph {
	float: right;
}
.meta_grid {
	width: 100%;
	margin: auto;
	position: relative;
	top: 0px;
	left: 0px;
}
#meta_grid ul {
	width: 100%;
	margin: auto;
}
#meta_grid ul li {
	list-type-style: none;
	display: table-cell;
	width: 20em;
	height: 100em;
	background-color: #FFF;
	border-right: 1px dashed #CCC;
	margin: 5em;
	padding: 0px;
}
#meta_grid ul li p {
	text-align: right;
	margin: 0px;
	color: #ccc;
	font-style: italic;
}
#meta_group {
	width: 100%;
	margin: auto;
	position: absolute;
	top: 3em;
	bottom: 3em;
	left: 0px;
}
#meta_group ul {
	list-style: none;
}
#meta_group ul li {
	background-color: #eed;
	border: 1px solid #ccc;
}
.placeholder {
	border: 2px double #ccd;
}
.meta_single {
	width: 100%;
	border: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 2em 0 2em 0.5em;
	border: 1px solid #ccc;
	font-size: 11px;
}
.meta_picture {
	float: left;
	margin: auto auto 1em 1em;
	background-image: url("images/flecha.png");
}
.meta_picture img {
	padding: 5px;
	margin-top: 1em;
	border: 1px solid #ccc;
	background-color: #ccc;
	width: 35px;
	height: 35px;
}
.meta_rest_money {
	float: left;
	margin: 2em;
}
.meta_donut {
	float: left;
}
.meta_single .placeholder {
	margin: 2em;
	height: 150px;
	border: 1px solid #CCC;
	width: 95%;
	background-color: #fff;
}
.meta_progress .meta_progress_slider {
	margin: 0.9em;
	width: 95%;
	position: absolute;
}
form {
	display: inline;
}
/* 

Fecha:2012.08

Guia de Estilos jQuery 

*/
.header {
	margin: 15px auto 48px auto;
	border: 1px solid red;
	width: 100%;
	height: 55px;
}
.header .title ul {
	width: 50%;
	margin: auto;
}
.header .title ul li {
	list-type-style: none;
	display: table-cell;
	width: 10em;
	height: 55px;
	background-color: #FFF;
	margin: 5em;
	padding: 0px;
}
.navegation {
	float: left;
}
/* Botones  Tamaños */

/* Pequeño */
.buttonSmall {
	height: 40px;
	width: 115px;
}
.buttonSmall:active {
	opacity: 0.5;
}
/* Grande */
.buttonLarge:active {
	opacity: 0.5;
}
.buttonLarge {
	height: 40px;
	width: 265px;
}
/* Botones Tipos */
.buttonStd, .buttonProcs, .buttonStdLarge, .buttonProcsLarge, .buttonIcono {
	color: #666666;
	font-family: "Verdana";
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding-top: 15px;
	text-align: center;
	float: left;
	display:inline;
	cursor:hand;
	cursor:pointer;
	border-radius:5px;
}
.buttonStd {
	background-image: url("../images/btnStd_small.png");
	background-repeat: no-repeat;

	
	
}
.buttonIcono {
	background-image: url("../images/btnStd_small.png");
	background-repeat: no-repeat;
	padding-top:2px;
}
.buttonStd:hover, .buttonIcono:hover {
	color: #000000;
	background-image: url("../images/btnStdHover_small.png");
	background-repeat: no-repeat;
}
.buttonStdLarge {
	background-image: url("../images/btnStd_large.png");
	background-repeat: no-repeat;
}
.buttonStdLarge:hover {
	background-image: url("../images/btnStdHover_large.png");
	background-repeat: no-repeat;
}
.buttonProcs {
	color: #FFFFFF;
	background-image: url("../images/btnProc_small.png");
	background-repeat: no-repeat;
}
.buttonProcs:hover {
	color: #FFFFFF;
	background-image: url("../images/btnProcHover_small.png");
	background-repeat: no-repeat;
}
.buttonProcsLarge {
	color: #FFFFFF;
	background-image: url("../images/btnProc_large.png");
	background-repeat: no-repeat;
}
.buttonProcsLarge:hover {
	color: #FFFFFF;
	background-image: url("../images/btnProcHover_large.png");
	background-repeat: no-repeat;
}
.buttonStdInactive {
	background-image: url("../images/btnStdInactive_small.png");
	background-repeat: no-repeat;
}
.buttonProcsInactive {
	background-image: url("../images/btnStdInactive_small.png");
	background-repeat: no-repeat;
}
.buttonIngreso {
	background: #82cfd7; /* Old browsers */
	text-transform:lowercase;
	width:205px;
	height:40px;
	padding:5px 0 10px 0;
	float:left;
	display:inline;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	font-family: "Verdana";
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	text-align: center;
	float: left;
 display:inline;
  /* IE9 SVG, needs conditional override of 'filter' to 'none'

PENDIENTE. Incluir esto en el javascript de la pantalla que lo utilize.
[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]
 */
background: url();
	background: -moz-linear-gradient(top, #82cfd7 0%, #3684a4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82cfd7), color-stop(100%, #3684a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #82cfd7 0%, #3684a4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #82cfd7 0%, #3684a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #82cfd7 0%, #3684a4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #82cfd7 0%, #3684a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cfd7', endColorstr='#3684a4', GradientType=0 ); /* IE6-8 */
}
.buttonIngreso:hover {
	background-image: url("../images/btnIngresoHover.png");
	background-repeat: no-repeat;
}
.buttonRetirar {
	background: #806d63; /* Old browsers */
	text-transform:lowercase;
	width:117px;
	height:40px;
	padding:5px 0 10px 0;
	float:left;
	display:inline;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	margin: 0;
	text-align: center;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' 
[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]
*/
background: url();
	background: -moz-linear-gradient(top, #c7b4aa 0%, #806d63 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #806d63), color-stop(100%, #c7b4aa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c7b4aa 0%, #806d63 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c7b4aa 0%, #806d63 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c7b4aa 0%, #806d63 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c7b4aa 0%, #806d63 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7b4aa', endColorstr='#806d63', GradientType=0 ); /* IE6-8 */
}
.buttonRetirar:hover {
	background-image: url("../images/btnRetirarHover.png");
	background-repeat: no-repeat;
}
.button-icono {
	width: 16px;
	height: 16px;
	background-image: url(images/iconos.png);
	margin-left: auto;
	margin-right: auto
}
.button-icono-ingreso-retirar {
	width: 30px;
	height: 30px;
	background-image: url(images/iconos.png);
	margin: 1px auto auto auto;
}
.tipo-editar-modificar {
	background-position: 0 0;
}
.tipo-editar-modificar:hover {
	background-position: -43px 0;
}
.tipo-cerrar {
	background-position: -29px 0;
}
.tipo-cerrar:hover {
	background-position: -72px 0;
}
.tipo-condiciones {
	background-position: -14px 0;
}
.tipo-condiciones:hover {
	background-position: -57px 0;
}
.button-meta {
	width: 30px;
	height: 31px;
	background-image: url(images/iconos.png);
}
.flecha-abajo {
	background-position: 0 -18px;
}
.flecha-arriba {
	background-position: -30px -18px;
}
.button-signo {
	width: 24px;
	height: 25px;
	margin:5px auto auto auto;
	background-image: url(images/iconos.png);
}
.signo-mas {
	background-position: -61px -17px;
}
.ahorro {
	background-position: -0px -49px;
}
.button-idea {
	width: 38px;
	height: 59px;
	margin:-5px;
	padding:0;
	background-image: url(images/iconos.png);
}
.idea-bombilla {
	background-position: 0 -132px;
}
.button-recomendacion {
	width: 38px;
	height: 39px;
	background-image: url("images/iconos_recomendaciones.png");
}
.recomendacion-mas {
	background-position: 0 0;
}
.recomendacion-menos {
	background-position: -38px 0;
}
.recomendacion-bombilla {
	background-position: -76px 0;
}
.button-alerta {
	width: 15px;
	height: 27px;
	background-image: url(images/iconos.png);
	background-position: top center;
	margin:8px 0 0 4px;
}
.alerta-excl-roja {
	background-position: -15px -192px;
	
}
.alerta-excl-azul {
	background-position: 0 -192px;
}
.alerta-excl-verde {
	background-position: -30px -192px;
}
.navegacion {
	height: 52px;
	border-radius: 5px;
	margin-bottom: 48px;
}
.navegacionTitulo1_0, .navegacionTitulo2_0, .navegacionTitulo2_1 {
	border-top: 1px solid #ebe9ea;
	border-bottom: 1px solid #ebe9ea;
	margin: 0;
	padding-top: 10px;
	float: left;
	height: 55px;
	line-height: 1em;
	font-weight: bold;
	font-family: Verdana;
	font-size: 14px;
}
.navegacionTitulo1_0 {
	background: #fff url('images/flecha_blanco.png') no-repeat right;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 15px 0 0 -20px;
	width: 224px;
	text-align: left;
	font-size: 25px;
	margin-right: 0;
}
.navegacionTitulo2_0, .navegacionTitulo2_1 {
	width: 140px;
	text-align: center;
	background-color: #ccc;
}
.navegacionTitulo2_0 {
	background-image: url('images/flecha_gris.png');
	background-repeat: no-repeat;
	background-position: right;
	border-right: 0px;
}
.navegacionTitulo2_1 {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.textoNavegacion {
	width: 122px;
	background-color: #ccc;
	border-right: 1px dashed #fff;
}
/* Cajas */
/* tipo 1*/
.caja_texto_tipo_1, .caja_texto_tipo_2, .caja_texto_contenido_tipo_1 {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ebe9ea;
	width: 885px;
	float: left;
}
.caja_texto_tipo_2 {
	font-family: Verdana;
	font-size: 14px;
	line-height: 30px;
}
/* tipo 2*/
.caja_texto_contenido_tipo_1 {
	width: 695px;
}
/* alerta */
.caja_alerta_tipo_1, .caja_alerta_tipo_2 {
	padding: 30px 40px 30px 40px;
	background-color: #fff;
	border: 1px solid #c70000;
	width: 615px;
	float: left;
}
.caja_alerta_tipo_2 {
	border: 1px solid #287b9e;
}
.caja_alerta_roja, .caja_alerta_azul, .caja_alerta_verde {
	width:258px;
	height:54px;
	border:1px solid #fff;
	padding:0;
	border-radius:5px;
	overflow:hidden;
}
.caja_alerta_roja {
	background-color:#f4b9bc;
}
.caja_alerta_azul {
	background-color:#8ab7ca;
}
.caja_alerta_verde {
	background-color:#7fca8f;
}
.caja_alerta_contenido {
	float:right;
	width:218px;
	padding:8px 8px 8px 10px;
}
.caja_tipo_roja, .caja_tipo_azul, .caja_tipo_verde {
	width:22px;
	margin:0;
	height:54px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	overflow:hidden;
	background-position: 8px 0;
	float:left;		
}
.caja_tipo_roja {
	background-color:#da1620;
}
.caja_tipo_azul {
	background-color:#287a9f;
}
.caja_tipo_verde {
	background-color:#049723;
}
/* Caja INPUT */
.caja_radio_tipo_1, .caja_radio_tipo_2 {
	padding: 15px;
	background-color: #f8f6f7;
	border-top: 2px solid #ccc;
	font-family: Verdana;
	overflow: hidden;
	font-size: 14px;
	color: #231f20;
	width: 180px;
	height: 78px;
	float: left;
}
.caja_radio_tipo_2 {
	background-color: #e4e1e3;
	background-image:
 url("./images/ui-bg_highlight-soft_100_eeeeee_1x100.png");
}
/* Textos */
.texto_h1, .texto_h2, .texto_h3, .texto_h4, .texto_boton_metas {
	font-family: Bankinter;
	font-weight: normal;
	color: #000000;
}
.texto_h1 {
	font-size: 30px;
	font-weight: bold;
}
.texto_h2 {
	font-size: 22px;
	font-weight: bold;
}
.texto_h3 {
	font-size: 22px;
}
.texto_h4 {
	font-size: 21px;
}
.texto_boton_metas {
	font-size: 27px;
	color: #ffffff;
}
.texto_resumen, .texto_contenido, .texto_recomendaciones, .texto_titulo_alertas, .texto_alertas, .texto_resaltado_condiciones, .texto_botones	 {
	font-family: Verdana;
	color: #000000;
	font-weight: normal;
}
.texto_resumen {
	font-size:18px;
}
.texto_contenido {
	font-size:14px;
}
.texto_recomendaciones {
	font-size:12px;
}
.texto_titulo_alertas {
	font-size:11px;
	font-weight:bold;
	line-height:1;
}
.texto_alertas {
	font-size:11px;
}
.texto_alertas_relevante {
	font-size:11px;
	color:#da1620;
	font-weight:bold;
}
.texto_resaltado_condiciones {
	font-size:12px;
	color:#ea6502;
	font-weight:bold;
}

.texto_botones {
	font-size:14px;
	font-weight:bold;
}
.color_resumen_dashboard {
	color:#FF7010;
}
/* Avisos */


.avisos_fecha {
	padding:0 10px 0 10px;
	margin:0 10px 0 0;
	height:45px;
	width:35px;
	text-align:center;
	font-family:Verdana;
	color:#f56600;
	float:left;
	border-right:1px dashed #dfdfdf;
	line-height:1;
}
.avisos_fecha_calendario {
	padding:0 10px 0 10px;
	margin:0 10px 0 0;
	height:70px;
	width:35px;
	text-align:center;
	font-family:Verdana;
	color:#f56600;
	float:left;
	border-right:1px dashed #dfdfdf;
	line-height:1;
}
.clear {
	clear:both;
}
.avisos_dia, .avisos_mes, .avisos_anio {
	margin-top:0;
	font-weight: bold;
	float:left;
	padding:0;
	overflow:auto;
}
.avisos_dia {
	font-size:24px;
}
.avisos_mes {
	font-size:12px;
}
.avisos_anio {
	font-size:11px;
}
.avisos_hito {
	font-family:Verdana;
	color:#666666;
	float:right;
}
.avisos_hito_unidad, .avisos_hito_unidad, .avisos_hito_unidad, .avisos_hito_cantidad {
	color:#287b9e;
}
.avisos_hito_titulo {
	font-weight:normal;
	font-size:11px;
	clear:left;
}
.avisos_hito_cantidad {
	font-weight:bold;
	font-size:24px;
}
.avisos_hito_unidad {
	font-weight:normal;
	font-size:18px;
	clear:right;
}
.aviso_standard_hito {
	background-color:#fff;
	border:1px solid #e2e2e2;
	border-radius:5px;
	height:45px;
	padding:10px;
	float:left;
}
.aviso_standard_hito_calendario {
	background-color:#fff;
	border:1px solid #e2e2e2;
	border-radius:5px;
	height:70px;
	padding:10px;
	float:left;
}
/* Mis metas */
/*Metas Alcanzadas*/
.resumen-metas, .resumen-metas-finalizada {
	border:1px solid #ebe9ea;
	width:290px;
	padding:10px;
	height:37px;
	margin:0;
	overflow:hidden;
	text-align:right;
}
.resumen-metas {
	background-color:#F6F7F8;
}
.resumen-metas-finalizada {
	background-color:#E5E3E4;
}
.resumen-icono-finalizada {
	border-right:1px dashed #fff;
	width:216px;
	padding-right:10px;
	float:left;
	font-family:Verdana;
	font-weight:normal;
	font-size:13px;
	color:#ff6600;
}
.resumen-icono {
	border-right:1px dashed #b5b5b5;
	width:216px;
	padding-right:10px;
	float:left;
	font-family:Verdana;
	font-weight:normal;
	font-size:13px;
	color:#ff6600;
}
.resumen-contenido {
	width:63px;
	font-family:Verdana;
	font-weight:normal;
	font-size:13px;
	color:#ff6600;
	float:left;
}
.resumen-contenido p {
	line-height:1px;
	font-size:11px;
}
/*Recomendacion */ 
.recomendacion {
	background-color:#FFF;
	border:1px solid #ebe9ea;
	width:270px;
	height:70px;
	padding:15px;
	margin:0;
	overflow:hidden;
}
.recomendacion-icono {
	border-right:1px dashed #3cabda;
	width:37px;
	float:left;
}
.recomendacion-contenido {
	width:205px;
	margin-left:12px;
	font-family:Verdana;
	font-weight:normal;
	font-size:13px;
	color:#000000;
	float:left;
}
.recomendacion-contenido p {
	line-height:1px;
}
.recomendacion-contenido a {
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
	color:#FF9909;
}
.condiciones {
	width:160px;
	height:60px;
	padding:10px;
	background-color:#f8f6f7;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
	color:#685041;
}
.recomendacion-con-icono {
	padding:20px;
	background-color:#f8f6f7;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
	color:#685041;
}
.icono {
	position:absolute;
	margin-top:-39px;
	margin-left:-39px;
}
/* Enlaces */

.enlace {
	text-decoration: underline;
	color:#ff7010;
}
.enlace:hover {
	color:#685041;
}
.enlace-icono {
	background-image: url("images/iconos_enlaces.png");
	height:15px;
	width:16px;
	float:left
}
.enlace-contenido {
	float:right;
	margin:3px;
}
.icono-imprimir {
	background-position: 0 0;
}
.icono-pdf {
	background-position: -16px 0;
}
.enlace-info {
	background-image: url("images/iconos.png");
	height:22px;
	width:22px;
	float:left;
}
.icono-info {
	background-position: 0 -67px;
}
/* Cajas y módulos de datos */

.caja-modulo-tipo-1-contenido {
	margin:0;
	padding:20px;
}
.caja-modulo-tipo-1-titulo {
	margin:0 20px 0 0;
	padding:20px;
	border-right: 1px solid #CCC;
	float:left;
}
/*Campos de Texto - Guia estilos Pag: 38 */
.input-text {
	background:	url("./images/fondoInput.png") repeat-x;
	border:0;
	height:30px;	
	margin-bottom:38px;
	margin-right:15px;
}


.titulo-input-text{
	font-family:Verdana;
	font-weight:normal;
	font-size:18px;
	color:#000000;
	display:block;
}


.input-text-opacity100, .input-text-opacity50 {
	background:	url("./images/fondoInput.png") repeat;
	height:20px;
	border:0px;
	margin-bottom:38px;
	margin-right:15px;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:0px;	
}

.input-text-opacity100 {
	color:#666666;
}

.input-text-opacity50 {
	/*filter: alpha(opacity=50);
	opacity: 0.5;
	color:#666666;*/
	color:#969696;
}


/* Fondos */ 

.fondo-tipo-meta {height:480px;width:1000px;background-color:#f8f6f7;}
.cabecera-pie-fondo-tipo-meta {background-image:url('images/cabecera_boton_meta.png');background-repeat:repeat-x;width:100%;height:30px;}
.contenedor-tipo-meta { height:420px;width:100%; }


	.contenedor-boton-tipo-meta{margin:9px;position:relative}
	.imagen-boton-tipo-meta{position:absolute;top:0;left:0}
	.imagen-boton-tipo-meta img {border-right:2px solid #cecece;border-bottom:2px solid #cecece;border-radius:5px;}
	.imagen-boton-tipo-meta img:hover {border:5px solid #cecece;}
	
	.titulo-boton-tipo-meta{position:absolute;top:0;left:0;background-color:#f56600;height:72px;margin-top:228px;padding-left:10px;width:290px;border-radius:0 0 5px 5px}
